<template>
  <div id="home">
    <Progress/>
    <!-- 操作提示 -->
    <Tips />
    <!-- 渲染3d组件 -->
    <V3DApp></V3DApp>
    <!-- 返回按钮 -->
    <BackBtn></BackBtn>
    <!-- 右上角按钮 -->
    <RightBtn></RightBtn>
    <FooterFun></FooterFun>
  </div>
</template>

<script>
// 引入组件
import Progress from "../components/Progress.vue";
import V3DApp from "../components/V3DApp.vue";
import Tips from "../components/Tips.vue";
import BackBtn from "../components/BackBtn.vue";
import RightBtn from "../components/RightBtn.vue";
import FooterFun from "../components/FooterFun.vue";
export default {
  name: "home",
  components: {
    Progress,
    V3DApp,
    Tips,
    BackBtn,
    RightBtn,
    FooterFun,
  },
};
</script>

<style lang="less" scoped>
#home {
  width: 100%;
  // min-height: 46rem;
  height: 100%;
  // background-color: rgba(0, 0, 0, 0.5);
}
</style>